I'm trying to play/pause an mp3 HTML5 audio on clicking button (having id "playaudio"), it is working fine on all devices except on iOS Safari, it is showing the following error on Safari in the console when clicking on play button:
Unhandled Promise Rejection: NotSupportedError: The operation is not supported."
Can anyone tell me why I'm facing this issue only on Safari, and how can I fix it?
let song = document.getElementById("testingsong");
$('#playaudio').click(function() {
var clicks = $(this).data('clicks');
if (clicks) {
$(".play").css("display", "none");
$(".pause").css("display", "block");
song.play();
} else {
$(".play").css("display", "block");
$(".pause").css("display", "none");
song.pause();
}
$(this).data("clicks", !clicks);
});<audio id="testingsong" src="/audio.mp3"></audio>